@charset "utf-8";
body {
	background: url(../img/bg.jpg);
}


/*中间*/

.mid-wrap {
	width: 878px;
	margin: 100px auto;
	background-color: #fff;
	box-shadow: 0 14px 13px 0 rgba(127, 127, 127, .1);
}

.mid-container {
	padding: 40px;
}

.login-head {
	height: 46px;
	line-height: 46px;
}

.login-head h2 {
	float: left;
	font-size: 28px;
	color: #666;
	margin-right: 76px;
	font-weight: normal;
	line-height: 46px;
}

.login-head a {
	color: #e8373d;
}

.login-body {
	padding-top: 20px;
}

.ibox {
	position: relative;
	padding: 15px;
	margin-bottom: 30px;
	border-radius: 6px;
	border: 1px solid #e4e4e4;
}

.ibox.active {
	border: 1px solid #e25a5e;
	background-color: #fff5f5;
}

.ibox input {
	outline: none;
	border: none;
	background: none;
	width: 100%;
}

.error {
	display: none;
	position: absolute;
	height: 16px;
	bottom: -24px;
	left: 0;
	font-size: 12px;
	color: #e8373d;
	padding-left: 20px;
	background: url(../img/ico_error.png) no-repeat;
}

.a-forget {
	font-size: 16px;
	color: #0099cc;
}

.login-btn {
	margin-top: 24px;
}

.login-btn a {
	display: block;
	padding: 12px;
	background-color: #e8373d;
	color: #fff;
	text-align: center;
	border-radius: 50px;
	font-size: 20px;
	font-weight: bold;
	transition: background-color .5s;
}

.login-btn a:hover {
	background-color: #DF1A1F;
}

.login-tip {
	position: relative;
	margin-top: 20px;
	color: #666;
	text-align: center;
}

.login-tip:before {
	position: absolute;
	top: 2px;
	left: 40px;
	content: '';
	display: block;
	width: 16px;
	height: 17px;
	background: url(../img/ico_save.png) no-repeat;
}